<agent>
    <div class="agent-wrapper">
        <div class="top">
            <h3>菜鸟驿站华韵天府店</h3>
            <p>
                <span>共寄件 18 次，业务提成 ￥1222</span>
                <span>2018.06.13注册</span>
            </p>
            <ul>
                <li>
                    <span>
                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <path d="M224 800.256L223.712 224H320v31.68c0 35.456 28.64 64.32 63.872 64.32h256.256A64.16 64.16 0 0 0 704 255.68V224l96-0.256L800.256 800 224 800.256zM640 192.32L640.128 256 384 255.68V192.32L383.872 192 640 192.32zM799.84 160H695.04c-11.072-19.04-31.424-32-54.912-32h-256.256c-23.488 0-43.808 12.928-54.912 32H223.712A63.776 63.776 0 0 0 160 223.744v576.512C160 835.392 188.608 864 223.744 864h576.512A63.84 63.84 0 0 0 864 800.256V223.744A64 64 0 0 0 799.84 160z"></path>
                            <path d="M619.072 429.088l-151.744 165.888-62.112-69.6a32 32 0 1 0-47.744 42.624l85.696 96a32 32 0 0 0 23.68 10.688h0.192c8.96 0 17.536-3.776 23.616-10.4l175.648-192a32 32 0 0 0-47.232-43.2"></path>
                        </svg>
                    </span>
                    <span>代理下单</span>
                </li>
                <li>
                    <span>
                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <path d="M121.130801 874.949312V149.050688c0-15.396665 12.524245-27.919886 27.91477-27.919887h614.229313c15.390525 0 27.91477 12.523221 27.914769 27.919887v195.434087h55.839773V149.050688c0-46.260603-37.500079-83.759659-83.754542-83.759659H149.050688c-46.260603 0-83.759659 37.500079-83.759659 83.759659v725.897601c0 46.25958 37.500079 83.759659 83.759659 83.759659h251.268743v-55.839773H149.050688c-15.396665 0.001023-27.919886-12.523221-27.919887-27.918863z"></path>
                            <path d="M679.515225 400.319431c-154.194848 0-279.19477 124.999922-279.19477 279.19477 0 154.193825 124.999922 279.193747 279.19477 279.193747 154.193825 0 279.19477-124.999922 279.19477-279.193747-0.001023-154.189731-125.000945-279.19477-279.19477-279.19477z m0 502.549768c-123.158994 0-223.354997-100.200096-223.354998-223.353974 0-123.160018 100.196003-223.354997 223.354998-223.354998s223.353974 100.19498 223.353974 223.354998c0 123.158994-100.19498 223.353974-223.353974 223.353974zM176.965457 400.319431h279.193747v55.839773H176.965457zM176.965457 567.839773h167.518295v55.839772H176.965457zM176.965457 232.806253h558.38954v55.83875H176.965457z"></path>
                            <path d="M725.69601 630.955252l-46.180785-93.569072-46.176693 93.569072-103.266945 15.009856 74.721819 72.832795-17.637706 102.846366 92.359525-48.560995 92.363617 48.560995-17.637705-102.846366 74.717725-72.832795z"></path>
                        </svg>
                    </span>
                    <span>客户下单</span>
                </li>
                <li>
                    <span>
                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <path d="M518.4 992H192c-51.2 0-96-44.8-96-96V128c0-51.2 44.8-96 96-96h640c51.2 0 96 44.8 96 96v390.4c0 19.2-12.8 32-32 32s-32-12.8-32-32V128c0-19.2-12.8-32-32-32H192c-19.2 0-32 12.8-32 32v768c0 19.2 12.8 32 32 32h326.4c19.2 0 32 12.8 32 32s-12.8 32-32 32z"></path>
                            <path d="M608 864c-51.2 0-96-19.2-134.4-57.6C435.2 768 416 723.2 416 672s19.2-102.4 57.6-134.4c76.8-76.8 198.4-76.8 268.8 0C780.8 576 800 620.8 800 672s-19.2 102.4-57.6 134.4c-32 38.4-83.2 57.6-134.4 57.6z m0-320c-32 0-64 12.8-89.6 38.4C492.8 608 480 640 480 672s12.8 64 38.4 89.6c51.2 51.2 128 51.2 179.2 0C723.2 736 736 704 736 672s-12.8-64-38.4-89.6C678.4 556.8 640 544 608 544z"></path>
                            <path d="M838.4 934.4c-6.4 0-19.2 0-25.6-6.4l-89.6-96c-12.8-12.8-12.8-32 0-44.8s32-12.8 44.8 0l89.6 89.6c12.8 12.8 12.8 32 0 44.8-6.4 6.4-12.8 12.8-19.2 12.8zM768 288H256c-19.2 0-32-12.8-32-32s12.8-32 32-32h512c19.2 0 32 12.8 32 32s-12.8 32-32 32zM480 480H256c-19.2 0-32-12.8-32-32s12.8-32 32-32h224c19.2 0 32 12.8 32 32s-12.8 32-32 32zM320 672h-64c-19.2 0-32-12.8-32-32s12.8-32 32-32h64c19.2 0 32 12.8 32 32s-12.8 32-32 32z"></path>
                        </svg>
                    </span>
                    <span>查询订单</span>
                </li>
                <li>
                    <span>
                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <path d="M842.199 187.963h-49.097v-17.675c0-27.493-21.602-49.097-49.097-49.097h-100.158c-7.856-64.806-64.806-115.868-133.542-115.868s-123.723 51.061-133.542 115.868h-90.336c-27.493 0-49.097 21.602-49.097 49.097v17.675h-49.097c-27.493 0-49.097 21.602-49.097 49.097v695.207c0 27.493 21.602 49.097 49.097 49.097h653.965c27.493 0 49.097-21.602 49.097-49.097v-695.207c0-27.493-21.602-49.097-49.097-49.097zM510.305 42.637c47.133 0 84.447 33.386 92.3 76.591h-186.566c9.819-41.241 47.133-76.591 94.266-76.591zM276.605 170.287c0-5.891 3.927-9.819 9.819-9.819h455.617c5.891 0 9.819 3.927 9.819 9.819v72.662c0 5.891-3.927 9.819-9.819 9.819h-455.617c-5.891 0-9.819-3.927-9.819-9.819v-72.662zM852.018 930.303c0 5.891-3.927 9.819-9.819 9.819h-653.965c-5.891 0-9.819-3.927-9.819-9.819v-693.244c0-5.891 3.927-9.819 9.819-9.819h49.097v17.675c0 27.493 21.602 49.097 49.097 49.097h455.617c27.493 0 49.097-21.602 49.097-49.097v-17.675h49.097c5.891 0 9.819 3.927 9.819 9.819v693.244z"></path>
                            <path d="M745.969 419.7h-402.592c-11.782 0-19.638 7.856-19.638 19.638s7.856 19.638 19.638 19.638h402.592c11.782 0 19.638-7.856 19.638-19.638s-7.856-19.638-19.638-19.638zM745.969 574.843h-402.592c-11.782 0-19.638 7.856-19.638 19.638s7.856 19.638 19.638 19.638h402.592c11.782 0 19.638-7.856 19.638-19.638s-7.856-19.638-19.638-19.638zM745.969 728.026h-402.592c-11.782 0-19.638 7.856-19.638 19.638s7.856 19.638 19.638 19.638h402.592c11.782 0 19.638-7.856 19.638-19.638s-7.856-19.638-19.638-19.638zM256.969 733.916c-3.927 3.927-5.891 9.819-5.891 13.748 0 5.891 1.964 9.819 5.891 13.748 3.927 3.927 7.856 5.891 13.748 5.891 5.891 0 9.819-1.964 13.748-5.891 3.927-3.927 5.891-7.856 5.891-13.748 0-5.891-1.964-9.819-5.891-13.748-7.856-7.856-21.602-7.856-27.493 0zM256.969 578.772c-3.927 3.927-5.891 7.856-5.891 13.748s1.964 9.819 5.891 13.748c3.927 3.927 7.856 5.891 13.748 5.891 5.891 0 9.819-1.964 13.748-5.891 3.927-3.927 5.891-7.856 5.891-13.748 0-5.891-1.964-9.819-5.891-13.748-7.856-5.891-21.602-5.891-27.493 0zM256.969 425.589c-3.927 3.927-5.891 7.856-5.891 13.748s1.964 9.819 5.891 13.748c3.927 3.927 7.856 5.891 13.748 5.891 5.891 0 9.819-1.964 13.748-5.891 3.927-3.927 5.891-7.856 5.891-13.748 0-5.891-1.964-9.819-5.891-13.748-7.856-7.856-21.602-7.856-27.493 0z"></path>
                        </svg>
                    </span>
                    <span>收益明细</span>
                </li>
            </ul>
        </div>

        <div class="bottom">
            <p class="bottom-title">进行中的订单</p>
            <div each="{ item in list }" class="list-item">
                <order-item data="{ item }"></order-item>
            </div>
        </div>
    </div>

    <script>
        this.list = [
            {
                id: 90,
                ego_orderid: "EGOHD4350940091YQ",
                send_type: 2,
                internal_orderid: "123,46,789,4668",
                internal_supply: "e邮宝,顺丰,圆通",
                final_weight: "0.000",
                final_price: "0.00",
                create_time: "2018-08-26 10:10:45",
                receiver_country: "美国",
                status: 1
            },
            {
                id: 90,
                ego_orderid: "EGOHD4350940091YQ",
                send_type: 2,
                internal_orderid: "123,46,789,4668",
                internal_supply: "e邮宝,顺丰,圆通",
                final_weight: "0.000",
                final_price: "0.00",
                create_time: "2018-08-26 10:10:45",
                receiver_country: "美国",
                status: 2
            },
            {
                id: 90,
                ego_orderid: "EGOHD4350940091YQ",
                send_type: 2,
                internal_orderid: "123,46,789,4668",
                internal_supply: "e邮宝,顺丰,圆通",
                final_weight: "0.000",
                final_price: "0.00",
                create_time: "2018-08-26 10:10:45",
                receiver_country: "美国",
                status: 3
            }
        ]
    </script>

    <style>
        .agent-wrapper .top {
            padding: 36px 20px 32px 20px;
            background: linear-gradient(to bottom, #6a85fe 0, #6daffc 100%);
            color: #fff;
        }
        .agent-wrapper .top h3 {
            font-size: 20px;
            font-weight: normal;
        }
        .agent-wrapper .top p {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 20px 0 32px 0;
            font-size: 14px;
        }
        .agent-wrapper .top ul {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            font-size: 14px;
        }
        .agent-wrapper .top ul li {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }
        .agent-wrapper .top li span:first-child {
            display: inline-block;
            width: 48px;
            height: 48px;
            margin-bottom: 10px;
            line-height: 48px;
            text-align: center;
            border-radius: 48px;
            background: #fff;
        }
        .agent-wrapper .top svg {
            display: inline-block;
            vertical-align: middle;
            width: 28px;
            height: 28px;
            fill: #6e7ee8;
        }

        .agent-wrapper .bottom {
            margin: 0 0 20px 0;
            padding: 0 12px;
        }
        .agent-wrapper .bottom p.bottom-title {
            margin: 24px 0 0 0;
            color: #6a85fe;
        }
        .list-item {
            margin: 15px 0 0 0;
        }
    </style>
</agent>
